<!--
  ========================LICENSE_START=================================
  screenit-web
  %%
  Copyright (C) 2012 - 2020 Facilitaire Samenwerking Bevolkingsonderzoek
  %%
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.
  
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  
  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  =========================LICENSE_END==================================
  -->
<html xmlns:wicket>
<wicket:extend>
    <div class="btn-top dropdown pull-right">
        <button wicket:id="toevoegenDropdown" class="btn btn-primary" data-toggle="dropdown">
            <i class="icon-plus-sign icon-white"></i> <span wicket:id="toevoegenDropdownTekst">Toevoegen</span><b wicket:id="caret" class="caret right"></b>
        </button>
        <ul class="dropdown-menu">
            <li wicket:id="nieuwProjectTypes">
                <a href="javascript:void(0);" wicket:id="nieuwProject">
                    <wicket:container wicket:id="label">Project</wicket:container>
                </a>
            </li>
        </ul>
    </div>
    <h1 class="pageTitle">Project overzicht</h1>

    <form wicket:id="form">
        <fieldset class="form-horizontal">
            <div class="row-fluid">
                <div class="span6">
                    <div class="control-group">
                        <label class="control-label">Status <span
                                class="label label-info">Multiselect</span></label>

                        <div class="controls">
                            <div class="btn-group periode-filter">
                                <div class="input-append">
                                    <select multiple="multiple" wicket:id="projectStatussen">
                                        <option></option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="control-group" wicket:enclosure="projectTypes">
                        <label class="control-label">Projecttype
                            <span class="label label-info">Multiselect</span>
                        </label>
                        <div class="controls">
                            <div class="btn-group periode-filter">
                                <div class="input-append">
                                    <select multiple="multiple" wicket:id="projectTypes">
                                        <option></option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="span6">
                    <div wicket:id="bvoFilterContainer"></div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <div class="form-actions clearfix">
                        <button class="btn btn-primary" wicket:id="filteren"><i class="icon-search icon-white"></i>
                            Filteren
                        </button>
                    </div>
                </div>
            </div>
        </fieldset>
    </form>
    <div wicket:id="projectenContainer">
        <div wicket:id="projecten"></div>
    </div>
</wicket:extend>
</html>
